<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div class="mainnav">
<ul class="nav1_ul">
	<s:iterator var="navChannel" value="navChannels" status="st1">
	    <s:if test="#st1.first">
	         <li class="nav1_li">
	         <s:if test="navOnChannelId==#navChannel.channelId">
	            <a class="nav_on" style="color:#006699;" href="<%=path %>/yc/ycindex!index.do" >
	            
	            <s:property value="#navChannel.channelName"/>	
	            </a>
	            </s:if>
	            <s:else>
	            <a href="<%=path %>/yc/ycindex!index.do" >
	            
	            <s:property value="#navChannel.channelName"/>
	            </a>
	            </s:else>
	        </li>
	    </s:if>
	<s:elseif test="#st1.index<7">
	<li class="nav1_li">
	   <s:if test="navOnChannelId==#navChannel.channelId">
	    <A  class="nav_on" style="color:#006699;" href="<%=path %>/yc/channel/ycchannel!navchannel.do?channelId=<s:property value="#navChannel.channelId"/>">
	        <s:property value="#navChannel.channelName"/>
	    </A>
	    </s:if>
	    <s:else>
	    <A   href="<%=path %>/yc/channel/ycchannel!navchannel.do?channelId=<s:property value="#navChannel.channelId"/>">
	        <s:property value="#navChannel.channelName"/>
	    </A>
	    </s:else>
	<div class="subnav">
	<ul>
	<s:iterator var="nav2ChannelList" value="nav2Channels" status="st2">
	 <s:if test="#st1.index==#st2.index">
	 <s:iterator var="navChannel" value="#nav2ChannelList" status="st3">
	 <li>
		<A   href="<%=path %>/yc/channel/ycchannel!channel.do?channelId=<s:property value="#navChannel.channelId"/>">
		
	        <s:property value="#navChannel.channelName"/>
	    </A>
	    </li>
	    </s:iterator>
	    </s:if>
	    </s:iterator>
	</ul>	  
	</div>
	</li>
	</s:elseif>
 	</s:iterator>
	</ul>
	<div class="topSrh" >
				<input type="text" id="serchText" name="serchText"/>
				<a href="javascript:validate_search()" ><img src="<%=path %>/ycimages/searchbg.gif" /></a>
		</div>
</div>
<script type="text/javascript">

$(function(){
	$(".mainnav .nav1_li").hover(function(){
		$(this).addClass("on");
		offset = $(this).offset();
		$(this).children(".subnav").show().css({"left":offset.left,"top":offset.top+35});
	},function(){
		$(this).removeClass("on");
		$(".subnav").hide();	
	})
})
</script>